<template>
	<span>
        <div class="treeContain">
            <halo-tree :returnValue.sync="returnValue" :url="url" :type="type" class="lt widthTree"></halo-tree>
        </div>
        
        <group-dept :returnValue.sync="returnValue" class="rt widthGroup"></group-dept>
	</span>
</template>

<script>
	

    import haloTree from '@/components/router-component/tree'
    import groupDept from '@/components/keyEmployee/keyEmployee'
 //	import {vueEle} from '@/common/js/vueBus.js'
    
	// import router from '@/router/index'
	export default {
	    data() {
	      	return {
	      		data1:null,
	      		menuData:null,
				browserHeight:null,
				isChangeBigWidth:false,
                returnValue:{},
				url:this.URL.getDeptparentBylist.url,
				type:'employee'
	      	}
	    },
	    components:{

                haloTree,
                groupDept
	    },
		computed: {

        },
	    methods:{


	    },
	    created(){

	    },
	    beforeMount(){
			var self = this;

	    },
		mounted(){

	}
	}
</script>

<style scoped>
	/*section左侧部分样式*/
	.treeContain{
		overflow: hidden;
		clear:both;
		
		position: fixed;
		background-color: #F7FBFC;
		bottom: 0px;
		top: 50px;
		padding-left: 15px;
		overflow-y: auto;
	}
	/*.sidebar .fa {
		margin-right: 5px;
	}
	.sidebar .fa-circle{
		font-size: 12px;
	}
	.sidebar .topTitle {
		background-color: #eee;
		height: 56px;
		line-height: 56px;
		padding: 0 10px;
	}
	.sidebar .settings {
		color: #858885;
	}
	
	.sidebar .settings div {
		margin-bottom: 10px;
	}*/
	
	.content{	
		position: absolute;
		top: 50px;
		
		right:0;
		background-color: #ecf0f5;
	
	}
    .widthGroup{
        width:69%;
        /*border-left:2px solid #DCE0E1;*/
        min-height:612px;
		padding-left:15px;
    }
    .widthTree{
		height:100%;
        background-color: #F7FBFC;
		padding-left:15px;
		width:105%;
        overflow-y:scroll;
        
    }


</style>
<style>
    .isSmall .treeContain{
        width: 26%;
        transition: width 0.4s ease-in-out;
    }
    .isBig .treeContain{
        width: 30%;
        transition: width 0.4s ease-in-out;
    }
</style>